<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
      
      <f:view>
		<h:head>
		  <title>Theme DarkMedia</title>
		</h:head>
		<h:body style="font-size: 10pt;">
			<h:form>
				<p:panel id="panel" header="Panel Component" closeable="true" toggleable="true" >
		    		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut 
		    		labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores 
		    		et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
		    		Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut 
		    		labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores 
		    		et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
		    	</p:panel>
		    	<div style="margin-top: 10px;" >
			    	<h:outputText value="Ihre Datums-Eingabe bitte: " />
			    	<p:calendar mode="popup" showOn="button" popupIconOnly="true" />
			    	<h:outputText value="&nbsp;" />
			    	<p:commandButton value="Klick mich" type="button" onclick="confirmationBox.show();" />
					<p:confirmDialog message="Are you sure about destroying the world?"
						header="Initiating destroy process" severity="alert" widgetVar="confirmationBox" >
						<p:commandButton value="Yes Sure" onclick="confirmationBox.hide();" type="button" />
						<p:commandButton value="No" onclick="confirmationBox.hide();" type="button" />
					</p:confirmDialog>
				</div>
	    	</h:form>
		</h:body>
      </f:view>
      
      
</html>